@charset 'utf-8';

@import './common';

@mixin overflow{
    white-space: nowrap;
    overflow: hidden;
}

.swiper-container{
    width: r(640px);
    height: r(321px);
    .swiper-slide{
        img{
            @include img;
        }
    }
}

.content{
    width: r(583px);
    margin: 0 auto;
    margin-top: r(24px);
}
.cont_wrap{
    width: r(583px);
    margin-bottom: r(38px);
    padding-bottom: r(30px);
    border-bottom: 1px solid #cecece;
    &:last-child{
        padding-bottom: 0;
        margin-bottom: 0;
        border: none;
    }
    .pic{
        width: r(210px);
        height: r(142px);
        margin-right: r(15px);
        img{
            @include img;
        }
    }
    .wrap{
        width: r(358px);
        h3{
            @include overflow;
            font-size: r(26px);
            line-height: r(26px);
            font-weight: normal;
            color: #000;
        }
        >p{
            width: r(339px);
            height: r(48px);
            color: #c5c5c5;
            font-size: r(22px);
            line-height: r(24px);
            margin-top: r(13px);
            overflow: hidden;
        }
        .b_wrap{
            margin-top: r(30px);
            margin-right: r(3px);
            font-size: r(18px);
            color: #939393;
            .time{
                @include overflow;
                margin-right: r(19px);
            }
            .browse{
                img{
                    display: inline-block;
                    width: r(21px);
                    height: r(16px);
                    margin-right: r(9px);
                    vertical-align: r(-2px);
                }
                p{
                    @include overflow;
                    float: right;
                }
            }
        }
    }
}
